<html>
<head>
<title><%--Timeline for ${user.profile.fullName}--%>
</title>
<meta name="layout" content="bootstrap">


<link rel="stylesheet"
	href="${resource(dir: 'css', file: 'bootstrap.css')}" type="text/css">
<link rel="stylesheet"
	href="${resource(dir: 'less', file: 'bootstrap.less')}"
	type="text/less">


<link rel="stylesheet"
	href="${resource(dir: 'css', file: 'bootstrap-tagmanager.css')}"
	type="text/css">
<link rel="stylesheet"
	href="${resource(dir: 'css', file: 'bootstrap-tagmanager.less')}"
	type="text/less">
<script type="text/javascript"
	src="${resource(dir: 'js', file: 'jquery.js')}"></script>
<script type="text/javascript"
	src="${resource(dir: 'js', file: 'bootstrap-tagmanager.js')}"></script>

<script type="text/javascript">
	$('document').ready(function() {
		jQuery(".tagManager").tagsManager();
	});
</script>
</head>
<body>
	<br>
	<br>

	<div id="newPost">
		<h3>
			Hello <strong>
				<%--${user.profile.fullName}--%>
			</strong>!, what would you want to share
		</h3>



		<p>
			<g:form action="addPost" id="${params.id}">
				<div class="input-append">
					<g:textArea class="span9" placeholder="enter the url here"
						id='postContent' name="content" rows="1" />

				</div>
				<div class="input-append">
					<g:textField type="text" name="Atag" id='postTags'
						placeholder="Tags" class="tagManager" />
					<g:submitButton class="btn btn-success" name="post" value="share" />
				</div>
			</g:form>
		</p>
	</div>
	TAG POSTS
	<g:if test="${flash.message}">
		<div class="flash">
			${flash.message}
		</div>
	</g:if>
	<div class="allPosts">
		<g:each in="${myposts}" var="post">
			<article>
				<div class="postEntry">
					<div class="content1">


						${post.type}


						${post.author_name1 }

						${post.author_url }

						${post.provider_name }

						${post.provider_url }

						${post.thumbnail_url }

						<%--${post.thumbnail_width }
					
					${post.thumbnail_height }



					--%>
						<div class="row-fluid">
							<ul class="thumbnails">

								<li class="span9">
									<div class="thumbnail">
										<img data-src="holder.js/300x200" alt="">
										<div class="caption">
											<h3>
												${post.title }
											</h3>
											<h5>
												<a href="${post.content}">
													${post.content}
												</a>
											</h5>
											<p>
											<div class="row-fluid">
												<g:if test="${post.thumbnail_url!=null}">
													<img class="span2" src="${post.thumbnail_url }"
														class="img-rounded">
												</g:if>

												<div class="span9">
													${post.description }
												</div>

											</div>
											<br>
											${post.html}
											<g:if test="${post.author_name1!=null }">
												<blockquote>
													<small> ${post.provider_name } (${post.author_name1 } )
													</small>
												</blockquote>
											</g:if>
											<p>
												<a href="${post.url}" class="btn btn-primary">read-more</a>
												<a href="#" class="btn">trend-it now</a>
											</p>
											<g:each in="${post.tags}" var="tag">
												<span class="label label-success"> ${tag.name }
												</span>&nbsp
										</g:each>
											&nbsp&nbsp <span class="badge badge-inverse"> ${post.dateCreated}
											</span>


											<div class="rdbWrapper" data-show-read="1"
												data-show-send-to-kindle="1" data-show-print="1"
												data-show-email="1" data-version="1"></div>
											<script type="text/javascript">
												(function() {
													var s = document
															.getElementsByTagName("script")[0], rdb = document
															.createElement("script");
													console.log("rdb=", rdb);
													rdb.type = "text/javascript";
													rdb.async = true;
													rdb.src = document.location.protocol
															+ "//www.readability.com/embed.js";
													console.log("rdb.src"
															+ rdb.src);
													s.parentNode.insertBefore(
															rdb, s);
												})();
											</script>


										</div>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</article>
		</g:each>

	</div>





</body>
</html>
